﻿<!DOCTYPE html>
<!-- saved from url=(0023)http://demo.topjui.com/ -->
<html class="panel-fit"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="easyui,jui,jquery easyui,easyui demo,easyui中文">
    <meta name="description" content="TopJUI前端框架，基于最新版EasyUI前端框架构建，纯HTML调用功能组件，不用写JS代码的EasyUI，专注你的后端业务开发！">
    <title>TopJUI前端框架 - 不用写JS代码的EasyUI</title>
    <!-- 浏览器标签图片 -->
    <link rel="shortcut icon" href="http://demo.topjui.com/topjui/images/favicon.ico">
    <!-- TopJUI框架样式 -->
    <link type="text/css" href="./static_files/topjui.core.min.css" rel="stylesheet">
    <link type="text/css" href="./static_files/topjui.blue.css" rel="stylesheet" id="dynamicTheme">
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="./static_files/font-awesome.min.css" rel="stylesheet">
    <!-- jQuery相关引用 -->
    <script src="./static_files/hm.js"></script><script type="text/javascript" src="./static_files/jquery.min.js"></script>
    <script type="text/javascript" src="./static_files/jquery.cookie.js"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="./static_files/topjui.config.js"></script>
    <!-- TopJUI框架核心 -->
    <script type="text/javascript" src="./static_files/topjui.core.min.js"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="./static_files/topjui.lang.zh_CN.js"></script>
    <!-- 首页js -->
    <script type="text/javascript" src="./static_files/topjui.index.js" charset="utf-8"></script>
</head>

<body class="panel-noscroll">

<div id="loading" class="loading-wrap" style="display: none;">
    <div class="loading-content">
        <div class="loading-round"></div>
        <div class="loading-dot"></div>
    </div>
</div>



<div data-toggle="topjui-layout" data-options="id:&#39;index_layout&#39;,fit:true" id="index_layout" class="layout easyui-fluid" style="width: 1920px; height: 897px;">
    <div class="panel layout-panel layout-panel-north panel-htop" style="width: 1920px; left: 0px; top: 0px;"><div id="north" class="banner panel-body panel-body-noheader panel-body-noborder layout-body" data-options="region:&#39;north&#39;,border:false,split:false" style="padding: 0px; margin: 0px; overflow: hidden; width: 1920px; height: 50px;" title="">
        <table style="float:left;border-spacing:0px;">
            <tbody><tr>
                <td class="webname">
                    <span class="fa fa-envira" style="font-size:26px; padding-right:8px;"></span>TopJUI前端框架
                </td>
                <td class="collapseMenu" style="text-align: center;cursor: pointer;">
                    <span class="fa fa-chevron-circle-left" style="font-size: 18px;"></span>
                </td>
                <td>
                    <table id="topmenucontent" cellpadding="0" cellspacing="0">
                        <tbody><tr><td id="1325" title="TopJUI静态演示" class="topmenu systemName selected">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p>
                                    <lable class="fa fa-tree"></lable>
                                </p>
                                <p><span style="white-space:nowrap;">TopJUI静态演示</span></p>
                            </a>
                        </td>
                        <td id="60" title="TopJUI开发文档" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p>
                                    <lable class="fa fa-book"></lable>
                                </p>
                                <p><span style="white-space:nowrap;">TopJUI开发文档</span></p>
                            </a>
                        </td>
                        <td id="9000" title="TopJUI动态演示" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="http://demo.ewsd.cn/system/login" target="_blank">
                                <p>
                                    <lable class="fa fa-leaf"></lable>
                                </p>
                                <p><span style="white-space:nowrap;">TopJUI动态演示</span></p>
                            </a>
                        </td>
                        <td id="9001" title="TopJUI官方网站" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="https://www.topjui.com/" target="_blank">
                                <p>
                                    <lable class="fa fa-home"></lable>
                                </p>
                                <p><span style="white-space:nowrap;">TopJUI官方网站</span></p>
                            </a>
                        </td>
                        <td id="9002" title="TopJUI交流社区" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="https://ask.topjui.com/" target="_blank">
                                <p>
                                    <lable class="fa  fa-wechat"></lable>
                                </p>
                                <p><span style="white-space:nowrap;">TopJUI交流社区</span></p>
                            </a>
                        </td>
                    </tr></tbody></table>
                </td>
            </tr>
        </tbody></table>

        <span style="float: right; padding-right: 10px; height: 50px; line-height: 50px;">
            <a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options="iconCls:&#39;fa fa-user&#39;,hasDownArrow:false" style="color: rgb(255, 255, 255); height: 28px;" id="959919" class="l-btn l-btn-small l-btn-plain" group=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text">TopJUI前端框架</span><span class="l-btn-icon fa fa-user">&nbsp;</span></span></a>|
            <a href="javascript:void(0)" id="mb3" data-toggle="topjui-menubutton" data-options="menu:&#39;#mm3&#39;,iconCls:&#39;fa fa-cog&#39;,hasDownArrow:true" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small" group=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text">设置</span><span class="l-btn-icon fa fa-cog">&nbsp;</span><span class="m-btn-downarrow"></span><span class="m-btn-line"></span></span></a>
            |
            <a href="javascript:void(0)" id="mb2" data-toggle="topjui-menubutton" data-options="menu:&#39;#mm2&#39;,iconCls:&#39;fa fa-tree&#39;,hasDownArrow:true" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small" group=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text">主题</span><span class="l-btn-icon fa fa-tree">&nbsp;</span><span class="m-btn-downarrow"></span><span class="m-btn-line"></span></span></a>|
            
            <a href="javascript:void(0)" onclick="logout()" data-toggle="topjui-menubutton" data-options="iconCls:&#39;fa fa-sign-out&#39;,hasDownArrow:false" style="color: rgb(255, 255, 255); height: 28px;" id="196251" class="l-btn l-btn-small l-btn-plain" group=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text">注销</span><span class="l-btn-icon fa fa-sign-out">&nbsp;</span></span></a>
        </span>
    </div></div>

    <div id="west" data-options="region:'west',split:true,width:230,border:false,headerCls:'border_right',bodyCls:'border_right'"
         title="" iconcls="fa fa-dashboard" class="panel-body panel-body-noheader panel-body-noborder border_right layout-body panel-noscroll"
         style="width: 224px; height: 867px;">
        <div id="RightAccordion" class="accordion accordion-noborder easyui-fluid"
             style="width: 224px; height: 867px;">
            <div class="panel panel-htop" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header accordion-header-selected accordion-header-border"
                     style="width: 196px; height: 30px;">
                    <div class="panel-title panel-with-icon">
                        综合演示
                    </div>
                    <div class="panel-icon fa fa-heartbeat">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: block; width: 224px; height: 621px;">
                    <ul id="tree1350" class="tree">
                        <li>
                            <div id="_easyui_tree_1" class="tree-node">
                                <span class="tree-hit tree-collapsed">
                                </span>
                                <span class="tree-icon tree-folder fa fa-sitemap">
                                </span>
                                <span class="tree-title">
                                    基础表单演示
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_2" class="tree-node">
                                <span class="tree-hit tree-collapsed">
                                </span>
                                <span class="tree-icon tree-folder ">
                                </span>
                                <span class="tree-title">
                                    基础表格操作演示
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_3" class="tree-node">
                                <span class="tree-hit tree-collapsed">
                                </span>
                                <span class="tree-icon tree-folder ">
                                </span>
                                <span class="tree-title">
                                    多表格加载效率演示
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel panel-htop" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header accordion-header-border"
                     style="height: 30px; width: 196px;">
                    <div class="panel-title panel-with-icon">
                        表单组件
                    </div>
                    <div class="panel-icon fa fa-bank">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse accordion-expand">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                    <ul id="tree1327" class="tree">
                        <li>
                            <div id="_easyui_tree_4" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file fa fa-sitemap">
                                </span>
                                <span class="tree-title">
                                    文本框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_5" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file fa fa-users">
                                </span>
                                <span class="tree-title">
                                    密码框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_6" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file fa fa-cube">
                                </span>
                                <span class="tree-title">
                                    单选框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_7" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    多选框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_8" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    下拉列表框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_9" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    树形下拉框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_10" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据表格下拉框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_11" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    树形表格下拉框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_12" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    标签框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_13" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数值输入框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_14" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    日期输入框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_15" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    日期时间输入框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_16" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    日期时间微调框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_17" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    日历
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_18" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    微调
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_19" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数字微调
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_20" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    时间微调
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_21" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    滑动条
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_22" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    文件框
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel panel-htop" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header accordion-header-border"
                     style="height: 30px; width: 196px;">
                    <div class="panel-title panel-with-icon">
                        表格和树
                    </div>
                    <div class="panel-icon fa fa-table">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse accordion-expand">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                    <ul id="tree1328" class="tree">
                        <li>
                            <div id="_easyui_tree_23" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据表格
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_24" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    树组件
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_25" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    zTree组件
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_26" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    树形表格
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_27" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    可编辑表格
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel panel-htop" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header accordion-header-border"
                     style="height: 30px; width: 196px;">
                    <div class="panel-title panel-with-icon">
                        菜单按钮
                    </div>
                    <div class="panel-icon fa fa-list">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse accordion-expand">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                    <ul id="tree1329" class="tree">
                        <li>
                            <div id="_easyui_tree_28" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    打开弹出窗口
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_29" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    打开Tab窗口
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_30" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    执行Ajax请求
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_31" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    执行普通请求
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel panel-htop" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header accordion-header-border"
                     style="height: 30px; width: 196px;">
                    <div class="panel-title panel-with-icon">
                        图形报表
                    </div>
                    <div class="panel-icon fa fa-bar-chart">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse accordion-expand">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                    <ul id="tree1330" class="tree">
                        <li>
                            <div id="_easyui_tree_32" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    折线图
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_33" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    柱状图
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_34" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    饼图
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_35" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    雷达图
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="panel panel-htop panel-last" style="width: 224px;">
                <div class="panel-header panel-header-noborder accordion-header" style="height: 30px; width: 196px;">
                    <div class="panel-title panel-with-icon">
                        扩展组件
                    </div>
                    <div class="panel-icon fa fa-map">
                    </div>
                    <div class="panel-tool">
                        <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;">
                        </a>
                        <a href="javascript:;" class="accordion-collapse accordion-expand">
                        </a>
                    </div>
                </div>
                <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                    <ul id="tree1331" class="tree">
                        <li>
                            <div id="_easyui_tree_36" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    时间轴
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_37" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    自动完成
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_38" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    富文本编辑器
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_39" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    单文件上传框
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_40" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    文件批量上传
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_41" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据过滤
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_42" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据查询
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_43" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据导入
                                </span>
                            </div>
                        </li>
                        <li>
                            <div id="_easyui_tree_44" class="tree-node">
                                <span class="tree-indent">
                                </span>
                                <span class="tree-icon tree-file ">
                                </span>
                                <span class="tree-title">
                                    数据导出
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--<div id="menuTab" class="topjui-tabs" data-options="fit:true,border:false">
    <div title="导航菜单" data-options="iconCls:'fa fa-sitemap'" style="padding:0;">
    <div id="RightAccordion" class="topjui-accordion"></div>
    </div>
    <div title="常用链接" data-options="iconCls:'fa fa-star',closable:true">
    <ul id="channgyongLink"></ul>
    </div>
    </div>-->
    </div>

    <div class="panel layout-panel layout-panel-center panel-htop" style="width: 1690px; left: 230px; top: 50px;"><div id="center" data-options="region:&#39;center&#39;,border:false" style="overflow: hidden; width: 1690px; height: 818px;" title="" class="panel-body panel-body-noheader panel-body-noborder layout-body panel-noscroll">
        <div id="index_tabs" style="width: 1690px; height: 818px;" class="tabs-container easyui-fluid">
            
        <div class="tabs-header" style="width: 1690px;"><div class="tabs-scroller-left" style="display: none;"></div><div class="tabs-scroller-right" style="display: none;"></div><div class="tabs-wrap" style="margin-left: 0px; margin-right: 107px; width: 1583px;"><ul class="tabs" style="height: 26px;"><li class="tabs-selected tabs-first tabs-last"><a href="javascript:;" class="tabs-inner" style="height: 25px; line-height: 33px;"><span class="tabs-title tabs-with-icon">系统首页</span><span class="tabs-icon fa fa-home"></span></a></li></ul></div><div class="tabs-tool" style="display: block; height: 34px; right: 0px;"><table cellspacing="0" cellpadding="0" style="height:100%"><tbody><tr><td><a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;"><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text l-btn-empty">&nbsp;</span><span class="l-btn-icon fa fa-home">&nbsp;</span></span></a></td><td><a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;"><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text l-btn-empty">&nbsp;</span><span class="l-btn-icon fa fa-refresh">&nbsp;</span></span></a></td><td><a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;"><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text l-btn-empty">&nbsp;</span><span class="l-btn-icon fa fa-close">&nbsp;</span></span></a></td><td><a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;"><span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;"><span class="l-btn-text l-btn-empty">&nbsp;</span><span class="l-btn-icon fa fa-arrows-alt">&nbsp;</span></span></a></td></tr></tbody></table></div></div><div class="tabs-panels" style="height: 781px; width: 1688px;"><div class="panel panel-htop" style="display: block; width: 1688px;"><div title="" iconcls="fa fa-home" data-options="border:true,iframe:true,
            content:&#39;&lt;iframe src=\&#39;./html/portal/index.html\&#39; scrolling=\&#39;auto\&#39; frameborder=\&#39;0\&#39; style=\&#39;width:100%;height:100%;\&#39;&gt;&lt;/iframe&gt;&#39;" class="panel-body panel-body-noheader panel-body-noborder" style="width: 1688px; height: 781px;"><iframe src="./static_files/index.html" scrolling="auto" frameborder="0" style="width:100%;height:100%;"></iframe></div></div></div></div>
    </div></div>

    <div class="panel layout-panel layout-panel-south panel-htop" style="width: 1920px; left: 0px; top: 867px;"><div data-options="region:&#39;south&#39;,border:true" style="text-align: center; line-height: 30px; border-bottom: 0px; overflow: hidden; width: 1918px; height: 29px;" title="" class="panel-body panel-body-noheader layout-body">
        <span style="float:left;padding-left:5px;width:30%;text-align: left;">当前用户：TopJUI前端框架</span>
        <span style="padding-right:5px;width:40%">
            版权所有 © 2014-2017
            <a href="https://www.ewsd.cn/" target="_blank">深圳易网时代信息技术有限公司</a>
            <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16028103号-1</a>
        </span>
       
    </div></div>
<div class="layout-split-proxy-h"></div><div class="layout-split-proxy-v"></div></div>

<!--[if lte IE 8]>
<div id="ie6-warning">
    <p>您正在使用低版本浏览器，在本页面可能会导致部分功能无法使用，建议您升级到
        <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">IE9或以上版本的浏览器</a>
        或使用<a href="http://se.360.cn/" target="_blank">360安全浏览器</a>的极速模式浏览
    </p>
</div>
<![endif]-->


<div id="mm3" style="width: 114px; height: 60px; overflow: hidden; display: none; left: 0px; top: 0px;" class="menu-top menu"><div class="menu-line" style="height: 70px;"></div>
                <div data-options="iconCls:&#39;fa fa-info-circle&#39;" onclick="javascript:modifyPwd(0)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">个人信息</div><div class="menu-icon fa fa-info-circle"></div></div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:&#39;fa fa-key&#39;" onclick="javascript:modifyPwd(0)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">修改密码</div><div class="menu-icon fa fa-key"></div></div>
            </div><div id="mm2" style="width: 174px; height: 338px; overflow: hidden; display: none; left: 0px; top: 0px;" class="menu-top menu"><div class="menu-line" style="height: 348px;"></div>
                <div data-options="iconCls:&#39;fa fa-tree blue&#39;" onclick="changeTheme(&#39;blue&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">默认主题</div><div class="menu-icon fa fa-tree blue"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree&#39;" onclick="changeTheme(&#39;black&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">黑色主题</div><div class="menu-icon fa fa-tree"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree&#39;" onclick="changeTheme(&#39;blacklight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">黑色主题-亮</div><div class="menu-icon fa fa-tree"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree red&#39;" onclick="changeTheme(&#39;red&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">红色主题</div><div class="menu-icon fa fa-tree red"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree red&#39;" onclick="changeTheme(&#39;redlight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">红色主题-亮</div><div class="menu-icon fa fa-tree red"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree green&#39;" onclick="changeTheme(&#39;green&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">绿色主题</div><div class="menu-icon fa fa-tree green"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree green&#39;" onclick="changeTheme(&#39;greenlight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">绿色主题-亮</div><div class="menu-icon fa fa-tree green"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree purple&#39;" onclick="changeTheme(&#39;purple&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">紫色主题</div><div class="menu-icon fa fa-tree purple"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree purple&#39;" onclick="changeTheme(&#39;purplelight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">紫色主题-亮</div><div class="menu-icon fa fa-tree purple"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree blue&#39;" onclick="changeTheme(&#39;blue&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">蓝色主题</div><div class="menu-icon fa fa-tree blue"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree blue&#39;" onclick="changeTheme(&#39;bluelight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">蓝色主题-亮</div><div class="menu-icon fa fa-tree blue"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree orange&#39;" onclick="changeTheme(&#39;yellow&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">橙色主题</div><div class="menu-icon fa fa-tree orange"></div></div>
                <div data-options="iconCls:&#39;fa fa-tree orange&#39;" onclick="changeTheme(&#39;yellowlight&#39;)" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">橙色主题-亮</div><div class="menu-icon fa fa-tree orange"></div></div>
            </div><div id="mm" class="submenubutton menu-top menu" style="width: 134px; height: 206px; overflow: hidden; display: none; left: 0px; top: 0px;"><div class="menu-line" style="height: 216px;"></div>
    <div id="mm-tabclose" name="6" iconcls="fa fa-refresh" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">刷新</div><div class="menu-icon fa fa-refresh"></div></div>
    <div class="menu-sep"></div>
    <div id="Div1" name="1" iconcls="fa fa-close" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭</div><div class="menu-icon fa fa-close"></div></div>
    <div id="mm-tabcloseother" name="3" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭其他</div></div>
    <div id="mm-tabcloseall" name="2" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭全部</div></div>
    <div class="menu-sep"></div>
    <div id="mm-tabcloseright" name="4" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭右侧标签</div></div>
    <div id="mm-tabcloseleft" name="5" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭左侧标签</div></div>
    <div class="menu-sep"></div>
    <div id="mm-newwindow" name="7" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">新窗口中打开</div></div>
</div></body></html>